<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Dataflix</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta http-equiv="content-language" content="en" />
        <meta name="description" content="" />
        <meta name="language" content="en" />
        <link type="text/css" rel="stylesheet" href="./css/style.css"/>
        
        
    </h:head>
    <h:body>

        <f:view>
            <h:form id="login_frm" >
                <table id="head">
                    <tr>
                        <td>
                            <a href="index.xhtml"><img style="margin-left:10%;" src="images/logo.png"/></a>
                        </td>
                        
                        <td>
                            <table id="loginbox">
                                <tr>
                                    <td width="40%">
                                        <span style="font-size: 16px;">Email:</span><br/><br/>
                                        <h:inputText id="email" value="#{LoginBean.email}"  styleClass="login"/>
                                    </td>
                                    <td width="40%" style="margin-left: 10px;">
                                        <span style="font-size: 16px;">Password:</span><br/><br/>
                                        <h:inputSecret id="password" value="#{LoginBean.password}"  styleClass="password"/>
                                    </td>
                                    <td width="20%">
                                        <h:commandButton action="#{LoginBean.login}" value="Login" type="submit" styleClass="submit"/>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <div class="bottom"></div>
            </h:form>
            <h:form>
                <center>
                <table id="mainTable">
                    <tr>
                        <td>
                            <img src="images/indexmap.png"/>
                        </td>
                        <td>
                            <table id="signup">
                                <tr><td id="siupupImg"><img style="margin-left: -8px; height: 70px; width:170px; margin-bottom: 20px" src="images/signUp.png" /></td></tr>
                                <tr>   
                                    <td width="80" align="left">
                                        <span style="font-size: 16px; margin-left:5px;">First:</span><br/>
                                        <h:inputText id="firstname" value="#{RegisterBean.firstname}" styleClass="input_text"/></td>
                                    <td width="80" align="left">
                                        <span style="font-size: 16px; margin-left:5px;">Last:</span><br/>
                                        <h:inputText id="lastname" value="#{RegisterBean.lastname}" styleClass="input_text"/></td>
                                </tr>
                                <tr>
                                    <td colspan="2"  align="left">
                                        <span style="font-size: 16px; margin-left:5px;">Email:</span><br/>
                                        <h:inputText value="#{RegisterBean.email}" styleClass="input_long" autocomplete="off" />
                                    </td>    
                                </tr>
                                <tr>
                                    <td colspan="2"  align="left">
                                        <span style="font-size: 16px; margin-left:5px;">Password:</span><br/>
                                        <h:inputSecret value="#{RegisterBean.password}"  styleClass="input_long" autocomplete="off"/>
                                    </td>    
                                </tr>
                                <tr>
                                    <td width="80" align="left">
                                        <h:commandButton action="#{RegisterBean.registerCustomer}" value="submit" type="submit" styleClass="submit_add"/>
                                    </td>    
                                </tr>

                            </table>
                        </td>
                    </tr>
                </table>
                </center>
            </h:form>
        </f:view>
    </h:body>
</html>

